home
***
CD-ROM
|
disk
|
FTP
|
other
***
search
/
207.233.110.77
/
207.233.110.77.tar
/
207.233.110.77
/
web08
/
Tutorial 5
/
rounded.css
< prev
next >
Wrap
Cascading Style Sheet File
|
2011-02-28
|
1KB
|
41 lines
/*
New Perspectives on HTML and XHTML 5th Edition
Tutorial 5
Tutorial Case
Style Sheet to create rounded boxes
Author: Andrew Densmore
Date: 2/28/11
Filename: rounded.css
Supporting Files: bottom.png, bottomleft.png, bottomright.png, left.png,
right.png, top.png, topleft.png, topright.png
*/
table.roundedBox {margin:5px; border-collapse: collapse}
table.roundedBox td {padding: 0px}
table.roundedBox td.topLeft {width: 16px; height: 16px}
table.roundedBox td.topRight {width: 16px; height: 16px}
table.roundedBox td.bottomLeft {width: 16px; height: 16px}
table.roundedBox td.bottomRight {width: 16px; height: 16px}
table.roundedBox td.top {width: auto; height: 16px}
table.roundedBox td.bottom {width: auto; height: 16px}
table.roundedBox td.left {width: 16px; height: auto}
table.roundedBox td.right {width: 16px; height: auto}
.topleft {background:url(topleft.png) no-repeat top left}
.topright {background:url(topright.png) no-repeat top right}
.bottomleft {background:url(bottomleft.png) no-repeat bottom left}
.bottomright {background:url(bottomright.png) no-repeat bottom right}
.top {background:url(top.png) repeat-x top}
.bottom {background:url(bottom.png) repeat-x bottom}
.left {background:url(left.png) repeat-y left}
.right {background:url(right.png) repeat-y right}
div.roundedbox {margin: 5px; position: relative}
div.boxcontent {padding: 16px}